/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
*/
body {
  min-width: 960px;
  background: #F4F1EC;
  color: #336A93;
  font-size: 12px;
  height: auto;
  /*padding-bottom: 20px;*/
  overflow-y: scroll;
}

input,textarea, select {
  font-size:12px;
  padding:1px 4px 1px 4px;
}

.field_hl,
input:hover,
textarea:hover,
select:hover{
  border:1px solid #336396;
  box-shadow:1px 1px 2px #336A93;
}


div#body {  
  background: #F4F1EC;
  min-height:100px;
}

a {
  color:#336A93;
  text-decoration: none;
}

a:hover {
  text-shadow:-1px 1px 4px #336A93;
  text-decoration: underline;
}

a.i {
  color:#336A93;  
  text-shadow:-1px 1px 4px #336A93;
}

a.i:hover {
  text-decoration: underline;
}

.status,
.news {
  padding:1px 8px 1px 8px;
  color:white;
  font-weight:bold;
  background:gray;
}

.status_i,
.news_i {
  font-weight:bold;
  color:gray;
}

.created {  
  background:green;
}

.created_i {
  color:green;
}

.after_serviced {  
  background:#C32B1D;
}

.after_serviced_i {  
  color:#C32B1D;
}

.after_service_finished {
  background:#8DB33B;
}

.after_service_finished_i {
  color:#8DB33B;
}

.after_service_unfinished {  
  background:gray;
}

.after_service_unfinished_i {
  color:gray;
}

.has_been_ordered {
  background:#024EBF;
}

.has_been_ordered_i {
  color:#024EBF;
}

.has_been_sent_to_installer {
  background:#DF6A9E;
}

.has_been_sent_to_installer_i {
  color:#DF6A9E;
}

.has_been_sent_to_factory {
  background:#164C85;
}

.has_been_sent_to_factory_i {
  color:#164C85;
}

.installing {
  background:#5E4177;
}

.installing_i {
  color:#5E4177;
}

.order_made {
  background:#184578;
}

.order_made_i {
  color:#184578;
}

.has_been_entered {
  background:blue;
}

.has_been_entered_i {
  color:blue;
}

.has_been_payment {
  background:orange;
}

.has_been_payment_i {
  color:orange;
}

.has_recieved {
  background:#59AA32;
}

.has_recieved_i {
  color:#59AA32;
}

.has_been_installed {
  background:#8DB33B;
}

.has_been_installed_i {
  color:#8DB33B;
}

.partial_has_been_installed {
  background:#C32B1D;
}

.partial_has_been_installed_i {
  color:#C32B1D;
}

.has_been_completed {
  background:#57A830;
}

.has_been_completed_i {
  color:#57A830;
}

.completed {
  background:#5DB336;
}

.completed_i {
  color:#5DB336;
}

div#logo {
  background:url('/assets/logo.png') no-repeat 0px 2px;
  display:inline-block;
  width:87px;
  height:45px;
  margin-left:10px;
}

div#logo div {
  color:white;
  padding-left:10px;
  font-weight:bold;
  float:left;
}

div#logo div.en_name {
  font-size:11px;
  position:absolute;
}

div#logo div.cn_name {
 font-size: 24px;
 /*left: 37px;*/
 position: absolute;
 top: 8px;
}

div#top_tools {
  font-size:12px;
  text-align:right;
  height:45px;
  line-height:45px;
}

div#top_tools a {
  margin-right:10px;
  color:white;
  font-weight:bold;  
  font-size:11px;
}

div#top_tools a.help {
  background-color:orange;
  border-radius:3px;
  padding:1px 4px 1px 4px;  
  margin-right:20px;
  cursor:help;
}

div#top {
  background:url('/assets/application/top_bg.jpg');
  border: 0px solid #E0DFDD;
  border-width: 1px 1px 0px 1px;
}

div#middle {
  background:#F4F1EC;
  border:0px solid #E0DFDD;
  /*border-width:0px 1px 1px 1px;*/
  padding-bottom:10px;
}

div#nav_bar {
  line-height:25px;
  height:25px;
}

div#nav_bar a {
  display:inline-block;
  background:#F4F1EC;
  padding:1px 8px 1px 8px;
  font-weight:bold; 
}

.being_edited_i {
  color:#EAAC00;
}

.being_edited {
  background:#EAAC00;
}

.effected_i {
  color:#3EBEF5;
}

.effected {
  background:#3EBEF5;
}

.blanked_out_i {
  color:gray;
}

.blanked_out {
  background:gray;
  text-decoration: line-through;
}

.full {
  background:#57A830;
}

.shortage {
   background:#E78650;
}

.stop {
  background:#808080;
}

.full_i {
  color:#57A830;
}

.shortage_i {
  color:#E78650;
}

.stop_i {
  color:#808080;
}

.filed_i {
  color:#38D230;
}

.filed {
  background:#38D230;
}

.new_button {
  display:inline-block;
  background: url("/assets/customers/add.png") no-repeat scroll 5px 3px  transparent;
  background-color:#FCFCFC;
  border-radius:10px;
  border-color: #E3E4E8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  font-weight:bold;
  padding:2px 15px 2px 25px;
}

.search_button {
  display:inline-block;
  background: url("/assets/crud/readonly.png") no-repeat scroll 5px 3px  transparent;
  background-color:#FCFCFC;
  border-radius:10px;
  border-color: #E3E4E8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  font-weight:bold;
  padding:2px 15px 2px 25px;
}

button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"],
.button {
    background: url('/assets/application/button_bg.jpg');
    border-color: #DDDDDD #BBBBBB #999999;
    border-radius: 11px 11px 11px 11px;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    font-weight: bold;
    outline: 0 none;
    overflow: visible;
    padding: 0px 10px 2px;
    text-shadow: 0 1px 1px #FFFFFF;
    width: auto;
    line-height:27px;
    height:27px;
    margin-right:10px;
}
a.button {
  padding-top:4px;
  padding-bottom:4px;
  text-decoration:none;
  padding-left:14px;
  padding-right:14px;
  *height:25px;
  *display:inline-block;
  *padding-top: 0px;
  *padding-bottom:0px;
  *margin-bottom:6px;
}

a.button:hover {
  text-shadow: 0px 0px 0px transparent;
}

h6 {
  color:#336A93;
}

.l_crud {
  text-indent: -1000px;  
  *text-indent:-40px;
  overflow: hidden;
  display: inline-block;
  width:16px;
  line-height:24px;
  background-repeat: no-repeat;
  background-position:0px 4px;
  font-weight:normal;
  text-align:left;
}

.l_new {
  background-image:url('/assets/crud/new.png');
}

.l_sub {
  background-image:url('/assets/crud/sub.png');
}

.l_edit {
  background-image:url('/assets/crud/edit.png');
}

.l_attach_on {
  background-image:url('/assets/crud/attach_on.png');
}

.l_attach_off {
  background-image:url('/assets/crud/attach_off.png');
}

.l_delete {
  background-image:url('/assets/crud/delete.png');
}

.l_back {
  background-image:url('/assets/crud/back.png');
}

.l_home {
  background-image:url('/assets/crud/home.png');
}

.l_enable {
  background-image:url('/assets/crud/enable.png');
}

.l_wall {
  background-image:url('/assets/crud/wall.png');
}

.l_rmb {
  background-image:url('/assets/crud/rmb.png');
}

.l_lock {
  background-image:url('/assets/crud/lock.png');
}

.l_unlock {
  background-image:url('/assets/crud/unlock.png');
}

.l_read_write {
  background-image:url('/assets/crud/read_write.png');
}

.l_readonly {
  background-image:url('/assets/crud/readonly.png');
}

.l_close {
  background-image:url('/assets/crud/close.png');
}

.l_move {
  background-image:url('/assets/crud/move.png');
}

.l_up_down {
  background-image:url('/assets/crud/up_down.png');
}

.l_left_right {
  background-image:url('/assets/crud/left_right.png');
}

.l_return {
  background-image:url('/assets/crud/return.png');
}

.crud {
  overflow: hidden;
  display: inline-block;
  padding-left:20px;
  line-height:24px;
  background-repeat: no-repeat;
  background-position:0px 4px;
  font-weight:normal;
}

.new {
  background-image:url('/assets/crud/new.png');
}

.return {
  background-image:url('/assets/crud/return.png');
}

.sub {
  background-image:url('/assets/crud/sub.png');
}

.edit {
  background-image:url('/assets/crud/edit.png');
}

.delete {
  background-image:url('/assets/crud/delete.png');
}

.back {
  background-image:url('/assets/crud/back.png');
}

.lock {
  background-image:url('/assets/crud/lock.png');
}

.unlock {
  background-image:url('/assets/crud/unlock.png');
}

.home {
  background-image:url('/assets/crud/home.png');
}

.enable {
  background-image:url('/assets/crud/enable.png');
}

.rmb {
  background-image:url('/assets/crud/rmb.png');
}

.wall {
  background-image:url('/assets/crud/wall.png');
}

.readonly {
  background-image:url('/assets/crud/readonly.png');
}

.read_write {
  background-image:url('/assets/crud/read_write.png');
}

.close {
  background-image:url('/assets/crud/close.png');
}

#copy_right {
    padding-top:10px;
}

#copy_right b {
  text-decoration:underline;
}

.validation_error {
  color:#FF0000;
  margin-bottom:10px;
  font-size:12px;
}

.hidden {
  display:none;
}

#tongji {
  display:none;
}


div.feeds_nav_bar {
  margin-left:10px;
  margin-right:15px;
  line-height: 22px;
  margin-top:5px;
  position: absolute;
}

div.feeds_nav_bar .item {
  display:inline-block;
  width:80px;
  margin-right:2px;
  border-radius:5px 5px 0px 0px;
  line-height: 22px;
  font-size:12px;
  background:#E3E4E8;
  text-align:center;
  font-weight: bold;
  color:gray;
  float:none;
  position: relative;
  top: -28px;
  border-top:1px solid #E3E4E8;
  border-left:1px solid #E3E4E8;
  border-right:1px solid #E3E4E8;
  border-bottom:1px solid #E3E4E8;
}

div.feeds_nav_bar .item:hover,
div.feeds_nav_bar .h {
  background:white;
  color:#666666;  
  border-width:1px 1px 0px 1px;
  border-color:#E3E4E8;
  border-style:solid;  
  border-bottom:1px solid white;
}

input[type="radio"], input[type="checkbox"] {
  font-size:11px;
  display:inline-block;
  width:auto;
}

div#top_tools a.to_my_items {
  width:80px;
  padding-left:16px;
  line-height:16px;
}

div#top_tools a.default {
  background:url('/assets/orders/light_off.png') no-repeat;
}
div#top_tools a.default:hover,
div#top_tools a.today {
  background:url('/assets/orders/light_on.png') no-repeat;
}

div#top_tools a.overdue {
  background:url('/assets/orders/alert.png') no-repeat;
  float:none;
  margin-left:0px;
}

.l {
  text-align: left;
}

.r {
  text-align:right;
}

.c {
  text-align:center;
}

div#remind_update_browser
{
  border:0px solid #BAD43F;
  background-color:#F8FFE2;
  margin-top:10px;
  margin-bottom:10px;
  padding-bottom:20px;
  padding-top:20px;
}

div#remind_update_browser div
{
}

div#remind_update_browser div.main
{
}

div#remind_update_browser div.tools
{
  text-align:right;
  padding-bottom:5px;
  padding-right:10px;
}

div#remind_update_browser div.title,
div#remind_update_browser div.content
{
  padding:15px;
  margin-top:10px;
}

div#remind_update_browser div.title {
  background-color:#FEFFCF;
  font-weight:bold;
  border-bottom:1px orange solid;
  line-height:25px;
  margin-top:0px;
}

div#remind_update_browser div.title div.t
{
  font-size:14px;
  color:#E28B3C;
}

div#remind_update_browser div.title div.remark
{
  font-size:13px;
  font-weight:bold;
  color:#666666;
}

div#remind_update_browser div.content
{
  font-size:12px;
  color:#666666;
  line-height:18px;
}

div#remind_update_browser div.list,
div#remind_update_browser div.list div
{
}

div#remind_update_browser div.list div
{
  margin-left:20px;
  margin-top:5px;
}

div#remind_update_browser div.list div b
{
  font-size:12px;
  color:orange;
  margin-left:5px;
}

.released_i {
  color:#5F8925;
}

.stop_i {
  color:#808080;
}

.paused_i {
 color:#EAAC00;
}

.up{
  color:#C32B1D;
}

.down{
  color:#5DB336;
}

.keep{
  color:gray;
}

.nav_bar {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #E0DFDD;
}

.nav_bar .h,
.nav_bar .item:hover {
	background:#E0DFDD;
}

.nav_bar .item {	
}

.nav_bar .item a {
	height:30px;
	line-height:30px;
	color:#A3A2A0;
	font-weight:bold;
  font-size: 13px;
  display:block;
	padding-left:45px;
}

.nav_bar .h a,
.nav_bar .item:hover a {
	color:#555555;
}

.nav_bar .lastest_news {
	background:url('/assets/application/nav_bar/news.jpg') no-repeat 10px 6px ;
}

.nav_bar .item:hover .lastest_news,
.nav_bar .h .lastest_news {
	background:url('/assets/application/nav_bar/news_h.jpg') no-repeat 10px 6px #E0DFDD;
}

.nav_bar .my_projects {
  background:url('/assets/application/nav_bar/projects.jpg') no-repeat 10px 6px ;
}

.nav_bar .item:hover .my_projects,
.nav_bar .h .my_projects {
  background:url('/assets/application/nav_bar/projects_h.jpg') no-repeat 10px 6px #E0DFDD;
}

.nav_bar .my_customer {
	background:url('/assets/application/nav_bar/customers.jpg') no-repeat 10px 6px;
}

.nav_bar .item:hover .my_customer,
.nav_bar .h .my_customer {
	background:url('/assets/application/nav_bar/customers_h.jpg') no-repeat 10px 6px #E0DFDD;
}


.nav_bar .tasks {
	background:url('/assets/application/nav_bar/tasks.jpg') no-repeat 10px 6px ;
}

.nav_bar .item:hover .tasks,
.nav_bar .h .tasks {
	background:url('/assets/application/nav_bar/tasks_h.jpg') no-repeat 10px 6px #E0DFDD;
}

.recently_viewed {
  padding-left:5px;
  margin-top:10px;
}

.recently_viewed .head {
  color:#A3A2A0;
  font-size:12px;
  font-weight:bold;
  /*background:url('/assets/application/last.png') no-repeat 0px 1px;*/
  margin-left:10px;
  /*padding-left:20px;*/
  font-size: 13px;
}

.recently_viewed .vieweds .viewed{
  margin-top:10px;
  padding-bottom:5px;
  border-bottom:1px solid #E0DFDD;
}

.recently_viewed .vieweds .viewed .logo{
    float:left;
}

.recently_viewed .vieweds .viewed .info{
    float:left;
    padding-left:10px;
}

.recently_viewed .vieweds .viewed .info a{
    font-size:11px;
}

.recently_viewed .vieweds .viewed .info .title a{
    font-weight:normal;
    color:#666666;
}

.recently_viewed .vieweds .viewed .info .name a{
    font-weight:bold;
    color:#555555;
}

.floors_count {
  color:#D16E9D;
}

.hourses_count {
  color:#DD5C1B;
}

.building_areas_sum {
  color:#831B0E;
}

.inside_areas_sum {
  color:#2C5205;
}

.avg_price {
  color:#E76D2C;  
}

.total_price {
  color:#E9AE30;  
}

.price_up {
  color:#831B0E;
}

.price_down {
  color:#589142; 
}

.price_kept {
  color:#666666;
}
#who_can_see {
  background:#FFE8EB;
  border-radius:8px 8px 0px 0px;
  border-bottom:1px solid #EFF3FE;
}

#who_can_see .private {
  position: absolute;
}

#who_can_see .private img {
  position:relative;
  left:-9px;
  top:5px;
}

#who_can_see .tip {
  padding-top:5px;
  padding-bottom:5px;
  font-size:11px;
  font-weight:bold;
  padding-left:60px;
  color:#555555;
  line-height:17px;
}

#who_can_see .tip a.set {
  display:none;
}

#who_can_see div.tip:hover a.set {
  display:inline;
  margin-left:10px;
  font-size:11px;
  font-weight:normal;
}

.show_pointer {
  cursor:pointer;
}

#loading_now {
  position: relative;
  float:left;
  margin-left:200px;
  display:none;
  z-index:10000;
}

#loading_now div{
  position: fixed;
  background:#A02112;
  color:white;
  font-weight:bold;
  font-size:11px;
  height:16px;
  line-height:16px;
  padding:2px 10px 2px 10px;
  border-radius:2px;
  /*text-decoration:blink;*/
  top:50px;
}


#success {
  border:#56B733 solid 1px;
  padding:1px;
  margin-left:18px;
  margin-bottom:10px;
}
#success div {
  background:#56B733;
  color:white;
  line-height:25px;
  height:25px;
  font-weight:bold;
  padding:5px 10px 5px 10px; 
}
#suggest,
#suggest_ff {
  border:#56B733 solid 1px;
  padding:1px;
  margin-left:0px;
  margin-top:10px;
  margin-bottom:0px;
}
#suggest div,
#suggest_ff div {
  background:#56B733;
  color:white;
  line-height:25px;
  height:25px;
  font-weight:bold;
  padding:5px 10px 5px 10px; 
}

#suggest div a,
#suggest_ff div a {
  color:#EEEEEE;
  text-decoration:underline;  
  margin-left:5px;
  margin-right:5px;
}

#suggest_ff div a {
  background:url('/assets/application/firefox/16x16.png') no-repeat;
  padding-left:18px;
}

.icp {
  margin-left:10px;
  font-size:11px;
  font-weight:bold;
  color:#666666;
}

.cc {
  margin-left:10px;
  font-size:11px;
  font-weight:bold;
  color:#777777;
}

.sortable {
  background:#FDFFEA;
}

.dropping {  
  border:1px solid #CCCCCC;
  background:#F6F9FE;
}

#more_models {
  text-align:right;  
}

#more_models a {
  font-weight:bold;
  float:right;
  line-height:30px;
}

.rmb {
    color: #EE6D16;
}

.fixed {
  position: fixed;
  top: 0;
}

.placeholder {
  color:#777777;
}